<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>后台首页</title>
    <link rel="stylesheet" type="text/css" href="ROOT_PATH/static/css/admin/index/test.css" />
    <script src="ROOT_PATH/static/js/jquery-3.5.1.min.js"></script>
    <script src="ROOT_PATH/static/js/vue.min.js"></script>
</head>
<body>
    <div id="app">
        <!--<p>名字：{{name}}</p>
        <p>年龄：{{age}}</p>
        <p>籍贯：{{address}}</p>
        <p>爱好：<span v-if="age <= 18">学习</span><span v-else>美女</span></p>
        <template v-if="isWork">
            <p>介绍：我是一个程序员</p>
        </template>
        <div :style="{color:color}">
            <p v-if="color === 'blue'">蓝色</p>
            <p v-else-if="color === 'red'">红色</p>
            <p v-else-if="color === 'orange'">橘黄色</p>
            <p v-else-if="color === 'gray'">灰色</p>
            <p v-else>黑色</p>
        </div>
        <div v-show="color === 'white'">你看不到颜色了吧，哈哈</div>
        <template v-for="country in countryLists">
            <div class="country">
                简称：{{country.shortName}}，全称：{{country.longName}}
            </div>
        </template>
        <template v-for="(value, key, index) in goods">
            <p>{{index}}&#45;&#45;{{key}}：{{value}}</p>
        </template>
        <template v-for="n in 100">
            <span>{{n}} </span>
        </template>
        <p>
            <div>{{message}}</div>
            <div>{{message.split('').reverse().join('')}}</div>
            <div>{{reversedMessage}}</div>
            <div>{{getReversedMessage()}}</div>
        </p>
        <p>{{birthday}}</p>
        <p>改变次数：{{timeChangeNum}}</p>
        <span v-bind:class="boxClassObj" v-on:click="clickBox1">盒子</span>
        <span v-bind:class="boxClassArr" v-on:click="clickBox2">盒子</span>
        <span v-bind:style="boxStyleObj">蛋糕</span>
        <span v-bind:style="boxStyleArr">蛋糕</span>-->
        <!--<div class="big-box" v-on:click.self="clickBigBox">
            <div class="mid-box" v-on:click.self="clickMidBox">
                <button v-on:click.once="clickButton">按钮</button>
            </div>
        </div>

        <form class="form" >
            <button v-on:click.stop.prevent>按钮</button>
        </form>-->

        <div>
            <input type="text" v-model="message"/>
            <div>{{message}}</div>
        </div>
        <div>
            <textarea v-model="address"></textarea>
            <div style="white-space: pre;">{{address}}</div>
        </div>

    </div>

    <script type="text/javascript" src="ROOT_PATH/static/js/admin/index/test.js"></script>
</body>
</html>